<style type="text/css">
    .userInfoLeft{margin-left: 30px;width: 60px;text-align: right;}
    .userInfoLeftSpan{margin-left: 20px;width: 300px;display: inline-block;} .userInfoSpan{margin-left: 20px;}
    .userInfoRight{width: 60px;text-align: right; margin-left: 20px;} span{font-size: 14px;}
</style>
<div class="page page-form" data-ng-controller="userInfo">
    <div class="panel panel-default">
        <div class="panel-heading"><strong><span
                class="glyphicon glyphicon-th"></span>&nbsp;&nbsp;&nbsp;&nbsp;用户详细</strong></div>
        <div class="panel-body">
            <div class="form-group">
                <label class="userInfoLeft">登录名</label>
                <span class="userInfoLeftSpan">{{info.username}}</span>
                <label class="userInfoRight">亲属姓名</label>
                <span class="userInfoSpan">{{info.clanName}}</span>
            </div>
            <div class="form-group">
                <label class="userInfoLeft">姓名</label>
                <span class="userInfoLeftSpan">{{info.realname}}</span>
                <label class="userInfoRight">关系</label>
                <span class="userInfoSpan">{{info.relation}}</span>
            </div>
            <div class="form-group">
                <label class="userInfoLeft">性别</label>
                <span class="userInfoLeftSpan">{{info.sex}}</span>
                <label class="userInfoRight">亲属电话</label>
                <span class="userInfoSpan">{{info.clanPhone}}</span>
            </div>
            <div class="form-group">
                <label class="userInfoLeft">身份证号</label>
                <span class="userInfoLeftSpan">{{info.userIDcard}}</span>
                <label class="userInfoRight">部门</label>
                <span class="userInfoSpan">{{info.job}}</span>
            </div>
            <div class="form-group">
                <label class="userInfoLeft">电话1</label>
                <span class="userInfoLeftSpan">{{info.phone1}}</span>
                <label class="userInfoRight">区域</label>
                <span class="userInfoSpan">{{info.companyarea}}</span>
            </div>
            <div class="form-group">
                <label class="userInfoLeft">电话2</label>
                <span class="userInfoLeftSpan">{{info.phone2}}</span>
                <label class="userInfoRight">入职时间</label>
                <span class="userInfoSpan">{{info.entrydate}}</span>
            </div>
            <div class="form-group">
                <label class="userInfoLeft">户籍地址</label>
                <span class="userInfoLeftSpan">{{info.houseAddress}}</span>
                <label class="userInfoRight">状态</label>
                <span class="userInfoSpan" style="width: 60px;display: inline-block;">{{info.jobstate}}</span>
                <label style="margin-left: 30px;">薪资比例</label>
                <span class="userInfoSpan">{{info.salaryState}}</span>
            </div>
            <div class="form-group">
                <label class="userInfoLeft">现居地址</label>
                <span class="userInfoLeftSpan">{{info.address}}</span>
                <label class="userInfoRight">薪资</label>
                <span class="userInfoSpan" style="width: 60px;display: inline-block;">{{info.salary}}</span>
                <label style="margin-left: 30px;">试用薪资</label>
                <span class="userInfoSpan">{{info.salary*info.salaryState}}</span>
            </div>
            <div class="form-group">
                <label class="userInfoLeft">邮箱</label>
                <span class="userInfoLeftSpan">{{info.email}}</span>
                <label class="userInfoRight">离职时间</label>
                <span class="userInfoSpan">{{info.dimissiondate}}</span>
            </div>
            <div class="form-group">
                <label class="userInfoLeft">学历</label>
                <span class="userInfoLeftSpan">{{info.education}}</span>
                <label class="userInfoRight">担任角色</label>
                <span class="userInfoSpan">{{info.roleId}}</span>
            </div>
            <div class="form-group">
                <label class="userInfoLeft">备注</label>
                <span class="userInfoLeftSpan">{{info.note}}</span>
                <label class="userInfoRight">添加时间</label>
                <span class="userInfoSpan">{{info.addTime}}</span>
            </div>
        </div>
    </div>
</div>